<!DOCTYPE html>
<html>
  <head>
    <script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=default,Array.prototype.find,Number.isFinite,Number.isInteger,console,console.log,document.head,performance.now"></script>
    <title>CodeWorld Gallery</title>
    <script src="mirrored/code.jquery.com/jquery-1.12.4.js"></script>
    <link rel="stylesheet" href="css/gallery.css" />
  </head>

  <body>
    <div id="choice_container">
      <ul id="choices"></ul>
    </div>
    <div id="screen_container">
      <iframe
        id="screen"
        src="/run.html?mode=codeworld&dhash=D9o-bnPVKRuooLU4T7s9YoQ"
      ></iframe>
    </div>
    <div id="info_container">
      <div>
        <h3 id="info-title">CodeWorld Gallery</h3>
        <p id="info-text">Select CodeWorld projects on the left.</p>
        <a id="info-link" style="display: none">View and edit this code</a>
      </div>
    </div>

    <script src="js/gallery.js"></script>
  </body>
</html>
